home *** CD-ROM | disk | FTP | other *** search
/ Chip 2006 July / CHIP 2006-07.2.iso / program / google / google-browsersync.xpi / chrome / chromeFiles / content / welcome.xul < prev   
Encoding:
Extensible Markup Language  |  2006-06-07  |  10.3 KB  |  287 lines
  1. <?xml version="1.0"?>
  2.  
  3. <?xml-stylesheet type="text/css" href="chrome://global/skin/"?>
  4. <?xml-stylesheet type="text/css" 
  5.   href="chrome://browserstate/content/welcome.css"?>
  6. <?xul-overlay href="chrome://browserstate/content/component-selector.xul"?>
  7.  
  8. <wizard xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 
  9.   xmlns:html="http://www.w3.org/1999/xhtml"
  10.   id="clb-signup" 
  11.   title="Google Browser Sync Signup Wizard"
  12.   width="560"
  13.   height="485"
  14.   onwizardfinish="CLB_form.handleWizardFinish()">
  15.  
  16.   <wizardpage pageid="clb-warning" next="clb-welcome" 
  17.     onpageshow="CLB_form.handleWarningPageShow()"
  18.     onpageadvanced="return CLB_form.handleWarningPageAdvanced()"
  19.     label="Welcome to Google Browser Sync">
  20.     <description>
  21.       Google Browser Sync backs up your browser settings and synchronizes 
  22.       them between multiple computers. 
  23.     </description>
  24.  
  25.     <description>
  26.       <html:b><html:span style="color:red;">WARNING:</html:span> Read this, 
  27.       especially if you're using a shared computer.</html:b>
  28.     </description>
  29.  
  30.     <description>
  31.       When you synchronize more than one computer using Google Browser Sync, 
  32.       anyone who uses one of the computers will be able to see the settings 
  33.       from the other computers. You will be able to choose which settings to 
  34.       synchronize as part of this setup process. If anyone can use this 
  35.       computer who you don't want to access the selected browser settings, 
  36.       then don't install Google Browser Sync on this computer.
  37.     </description>
  38.  
  39.     <description>
  40.       Once installed, Google Browser Sync will automatically <html:b>copy 
  41.       your browser settings</html:b> from other computers on which you install 
  42.       Google Browser Sync <html:b>to this computer</html:b>. These settings 
  43.       may include <html:b>passwords</html:b> and other sensitive information.
  44.     </description>
  45.   </wizardpage>
  46.  
  47.   <wizardpage pageid="clb-welcome" next="clb-progress"
  48.     onpageshow="CLB_form.handleWelcomePageShow()"
  49.     onpageadvanced="return CLB_form.handleWelcomePageAdvanced()"
  50.     label="Step 1: Setting up your account">
  51.  
  52.     <spacer style="height:1em;"/>
  53.  
  54.     <hbox id="clb-ignition">
  55.       <spacer flex="1"/>
  56.       <vbox>
  57.         <vbox class="clb-outer-box" flex="2.5">
  58.           <vbox class="clb-inner-box">
  59.             <hbox pack="center">
  60.               <label>You can register this computer for</label>
  61.             </hbox>
  62.             <hbox pack="center">
  63.               <label>Google Browser Sync by entering your</label>
  64.             </hbox>
  65.             <hbox pack="center" align="center" 
  66.               style="margin:0.25em 0;">
  67.               <image src="chrome://browserstate/content/google.gif"/>
  68.               <label id="clb-ignition-account">Account</label>
  69.             </hbox>
  70.             <hbox pack="center" style="margin-bottom:1em;">
  71.               <label>username and password below.</label>
  72.             </hbox>
  73.             <grid>
  74.               <columns>
  75.                 <column />
  76.                 <column flex="1"/>
  77.               </columns>
  78.               <rows>
  79.                 <row>
  80.                   <hbox align="center" pack="end">
  81.                     <label value="Email:"/>
  82.                   </hbox>
  83.                   <textbox id="clb-username" style="width:250px;"
  84.                     oninput="CLB_form.handleWelcomePageInput()" flex="1"/>
  85.                 </row>
  86.                 <row>
  87.                   <hbox align="center" pack="end">
  88.                     <label value="Password:"/>
  89.                   </hbox>
  90.                   <textbox id="clb-password" type="password"
  91.                     oninput="CLB_form.handleWelcomePageInput()" flex="1"/>
  92.                 </row>
  93.                 <spacer style="height:0.5em;"/>
  94.               </rows>
  95.             </grid>
  96.             <description style="text-align:center;">
  97.               <html:a href="#" class="clb-anc" 
  98.                 onclick="CLB_form.handleForgotPassword()"
  99.                 >Forgot your password?</html:a>
  100.             </description>
  101.           </vbox>
  102.         </vbox>
  103.         <spacer style="height:1em;"/>
  104.         <vbox class="clb-outer-box">
  105.           <vbox class="clb-inner-box" style="font-weight:bold;">
  106.             <description style="text-align:center; margin:0;">
  107.               Don't have a Google Account?<html:br/>
  108.               <html:a href="#" class="clb-anc" 
  109.                 onclick="CLB_form.handleCreateGAIAAcct()"
  110.                 >Create an account now</html:a>
  111.             </description>
  112.           </vbox>
  113.         </vbox>
  114.       </vbox>
  115.       <spacer flex="1"/>
  116.     </hbox>
  117.   </wizardpage>
  118.  
  119.   <wizardpage pageid="clb-installtype"
  120.     onpageshow="return CLB_form.showInstallTypePage()"
  121.     onpageadvanced="return CLB_form.handleInstallTypePageAdvanced()"
  122.     label="Setup Type"
  123.     description="Step 2: Choosing setup options"
  124.     next="clb-settings">
  125.     <description>
  126.       Choose the type of setup you prefer, then click <html:b>Next</html:b>.
  127.     </description>
  128.     <spacer style="height:1em;"/>
  129.     <radiogroup orient="vertical">
  130.       <radio 
  131.         id="clb-installtype-default" 
  132.         selected="true" 
  133.         style="font-weight:bold;"
  134.         label="Standard" />
  135.       <description>
  136.         Synchronize bookmarks, saved passwords, persistent cookies, history, 
  137.         tabs, and windows. Encrypt sensitive data. 
  138.  
  139.         <html:a href="#" style="color:blue; text-decoration:underline;"
  140.         onclick="CLB_form.showLearnMore(this); return false;"
  141.         >Learn More</html:a>
  142.       </description>
  143.       <radio 
  144.         id="clb-installtype-advanced" 
  145.         style="font-weight:bold;" 
  146.         label="Advanced"/>
  147.       <description>
  148.         Configure synchronization and encryption settings yourself.
  149.       </description>
  150.     </radiogroup>
  151.   </wizardpage>
  152.  
  153.   <wizardpage pageid="clb-settings" 
  154.     next="clb-createpin" 
  155.     onpageshow="return CLB_form.showSettingsPage()"
  156.     onpageadvanced="return CLB_form.handleSettingPageAdvanced()"
  157.     onpagerewound="document.documentElement.goTo('clb-installtype'); return false;"
  158.     label="Step 3: Choosing synchronization options">
  159.     <vbox id="clb-component-selector" flex="1"/>
  160.   </wizardpage>
  161.  
  162.   <wizardpage pageid="clb-createpin"
  163.     next="clb-progress"
  164.     label="Step 4: Choosing a PIN"
  165.     onpageshow="return CLB_form.showCreatePinPage()"
  166.     onpageadvanced="return CLB_form.handleCreatePinPageAdvanced()">
  167.     <description>
  168.       You'll need a PIN to set up Google Browser Sync on other computers.
  169.     </description>
  170.     <description>
  171.       Google Browser Sync will use your PIN to unlock your 
  172.       encrypted information. Your PIN must be at least four characters long, 
  173.       and can be composed of any combination of numbers, letters, or symbols.
  174.     </description>
  175.  
  176.     <spacer style="height:1.5em;"/>
  177.  
  178.     <hbox flex="1">
  179.       <spacer flex="1"/>
  180.       <grid flex="2.5">
  181.         <columns>
  182.           <column/>
  183.           <column/>
  184.         </columns>
  185.         <rows>
  186.           <row align="center">
  187.             <vbox>
  188.               <label value="Choose a PIN:"/>
  189.               <label style="font-size:.8em" value="(4 or more characters)"/>
  190.             </vbox>
  191.             <textbox id="clb-create-token" type="password"
  192.                oninput="CLB_form.handleCreatePinPageInput()"
  193.                style="width:200px;"/>
  194.             <spacer/>
  195.           </row>
  196.           <row align="center">
  197.             <label value="Confirm PIN:"/>
  198.             <textbox id="clb-confirm-token" type="password"
  199.                oninput="CLB_form.handleCreatePinPageInput()"
  200.                style="width:200px;"/>
  201.             <spacer/>
  202.           </row>
  203.         </rows>
  204.       </grid>
  205.       <spacer flex="1"/>
  206.     </hbox>
  207.   </wizardpage>
  208.  
  209.   <wizardpage pageid="clb-restart"
  210.     onpageshow="return CLB_form.showRestartPage()"
  211.     label="Congratulations. You've successfully installed Google Browser Sync.">    
  212.     <description>
  213.       Thanks for setting up Google Browser Sync.
  214.     </description>
  215.  
  216.     <description>
  217.       <html:ul>
  218.       <html:li style="margin-bottom:1em;">Google Browser Sync will 
  219.       continuously synchronize the browser 
  220.       settings you selected.</html:li>
  221.       <html:li>Install Google Browser Sync on the other 
  222.       computers you wish to have access to these browser 
  223.       settings.</html:li>
  224.       </html:ul>
  225.     </description>
  226.   </wizardpage>
  227.  
  228.   <wizardpage pageid="clb-token" next="clb-progress" 
  229.     onpageshow="return CLB_form.handleTokenPageShow()"
  230.     onpageadvanced="return CLB_form.handleTokenPageAdvanced()"
  231.     onpagerewound="document.documentElement.goTo('clb-welcome'); return false;"
  232.     label="Welcome back to Google Browser Sync">
  233.     <description>
  234.       Please enter your PIN to unlock your encrypted data.
  235.     </description>
  236.     <spacer style="height:1.5em;"/>
  237.     <hbox align="center">
  238.       <label value="Enter PIN:"/>
  239.       <textbox 
  240.         id="clb-verify-token" 
  241.         oninput="CLB_form.handleTokenPageInput()" 
  242.         style="width:150px; font-weight:bold;"
  243.         type="password"/>
  244.     </hbox>
  245.   </wizardpage>
  246.  
  247.   <wizardpage pageid="clb-success"
  248.     onpageshow="return CLB_form.showSuccessPage()"
  249.     label="You've successfully installed Google Browser Sync on this machine.">
  250.     <description>
  251.       Google Browser Sync has synchronized your browser settings on this 
  252.       computer with all of the other computers you've signed up for Google 
  253.       Browser Sync.
  254.     </description>
  255.     <description>
  256.       <html:ul>
  257.       <html:li style="margin-bottom:1em;">If you chose to synchronize your 
  258.       bookmarks, we've added the bookmarks from other synced computers to the 
  259.       existing bookmarks on this computer.</html:li>
  260.       <html:li>Any changes you make to your synchronized browser settings on 
  261.       this computer will now be reflected in your other synced 
  262.       computers.</html:li>
  263.       </html:ul>
  264.     </description>
  265.   </wizardpage>
  266.  
  267.   <wizardpage id="clb-progress" pageid="clb-progress" next="clb-progress"
  268.     onpageshow="return CLB_form.handleSyncingPageShow()"
  269.     onpageadvanced="return CLB_form.hideProgressMeter()"
  270.     onpagerewound="return CLB_form.hideProgressMeter()"
  271.     label="Please wait...">
  272.     <description id="clb-progress-blurb"/>
  273.     <spacer style="height:1em;"/>
  274.     <progressmeter id="clb-progress-meter" mode="undetermined" 
  275.       collapsed="true" />
  276.     <description id="clb-progress-details"/>
  277.   </wizardpage>
  278.  
  279.   <script type="application/x-javascript">
  280.     var CLB_form = 
  281.       new (Components.classes["@google.com/browserstate/app-context;1"]
  282.                      .getService().wrappedJSObject)
  283.                      .CLB_WelcomeForm(window);
  284.   </script>
  285.  
  286. </wizard>
  287.